<template>
  <div>
    <MainHeader class="layout-main-header"/>
    <nuxt class="layout-main-content"/>
  </div>
</template>
<script>
  import MainHeader from '~/components/layout/main-header.vue'
  export default {
    data () {
      return {}
    },
    components: {
      MainHeader
    },
    methods: {
    }
  }
</script>
<style>
  .layout-main-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
  }

   .layout-main-content {
    top: 60px;
    z-index: 1;
  }


  .layout-main-content {
    position: absolute;
  }


  @media all and (min-width: 0px) and (max-width: 1400px) {
    .layout-main-content {
      width: 98%;
      left: 1%;
    }
  }

  @media all and (min-width: 1400px) {
    .layout-main-content {
      width: 70%;
      left: 15%;
    }
  }

</style>
